<template>
    <div class="totaldiv">

         <div class="headertitle">
            <div class="returnimg"><router-link to="/sent/sent_need"><img src="../../../static/img/myorder/return@2x.png" alt=""></router-link></div>
            <div class="ordertitle">个人设置</div>
            <div></div>
        </div>

        <div class="firstdiv">
            <router-link to="/person/pe_altername">
                <p>
                    <span class="lefttitle">会员名</span>
                    <span class="righttile"><span class="linke-color" >物有所享小物&nbsp;&nbsp;</span> <img  src="../../../static/img/set/click@2x.png" alt=""></span>
                </p>
            </router-link>
            <hr style="border:solid 0.3px #EDEBEC;">
            <router-link to="/person/pe_alterphonenumber">
                <p>
                    <span class="lefttitle">更改手机号码</span>
                    <span class="righttile"><span class="linke-color" >1301*****34&nbsp;&nbsp;</span><img  src="../../../static/img/set/click@2x.png" alt=""></span>
                </p>
            </router-link>
            <hr style="border:solid 0.3px #EDEBEC;">
            <router-link to="/person/pe_binwechat">
                <p>
                    <span class="lefttitle">绑定微信账号</span>
                    <span><img  src="../../../static/img/set/click@2x.png" alt=""></span>
                </p>
            </router-link>
            <hr style="border:solid 0.3px #EDEBEC;">
            <router-link to="/person/pe_setpwd_first">
                <p>
                    <span class="lefttitle">设置登陆密码</span>
                    <span><img  src="../../../static/img/set/click@2x.png" alt=""></span>
                </p>
            </router-link>
            <hr style="border:solid 0.3px #EDEBEC;">
            <router-link to="/person/pe_defaultcontact">
                <p>
                    <span class="lefttitle">默认联系方式</span>
                    <span><img  src="../../../static/img/set/click@2x.png" alt=""></span>
                </p>
            </router-link>
            <hr style="border:solid 0.3px #EDEBEC;">
        </div>

        <div class="seconddiv">
            <router-link to="#">
                <p>
                    <span class="lefttitle">个人使用指南</span>
                    <span><img  src="../../../static/img/set/click@2x.png" alt=""></span>
                </p>
            </router-link>
            <hr style="border:solid 0.3px #EDEBEC;">
            <router-link to="#">
                <p style="padding-bottom:3px">
                    <span class="lefttitle">平台使用条款</span>
                    <span><img  src="../../../static/img/set/click@2x.png" alt=""></span>
                </p>
            </router-link>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style lang="scss" scoped>
.totaldiv{
    flex-direction: column;
    justify-content: center;
    width: 24rem;
    background-color: #EFEFF4;
    .headertitle{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 24rem;
        height: 3rem;
        background-color: #fff;
        .returnimg{
            padding-left: 2rem;
            img{
                height:18px;
                width:18px;
                margin-top:10px;
            }
        }
        .ordertitle{
            margin-right: 2rem;
        }
    }
    .firstdiv{
        background-color: #fff;
        margin-bottom: 0.5rem;
        margin-top:0.5rem;
        max-width: 30rem;
        p{  
            padding: 3px 18px 0px 18px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    }
    .seconddiv{
        background-color: #fff;
        max-width: 30rem;
         p{  
            padding: 3px 18px 0px 18px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    }
}
.lefttitle{
    font-size: 15px;
    font-weight: 550;
    color: black;
}
.righttile{
    font-size:12px;
}
img{
    width: 6px;
    height: 10px;
}
.linke-color{
    color: #4f4f4f;
}
</style>
